<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/list.css">
</head>

<body>
    <div class="box1">
        <div class="nav_a">
            <div class="nav_left">
                <ul>
                    <li>
                        <a href="home.html">京东首页</a>
                    </li>
                    <li>地址</li>
                </ul>
            </div>
            <div class="nav_right">
                <ul>
                    <li>
                        <a href="login.html" class="brli1">你好，请登录</a>
                    </li>
                    <li>
                        <a href="register.html" class="brli2">免费注册</a>
                    </li>
                    <li>
                        <a>我的订单</a>
                    </li>
                    <li>
                        <a>我的京东</a>
                    </li>
                    <li>
                        <a>京东会员</a>
                    </li>
                    <li>
                        <a>企业采购</a>
                    </li>
                    <li>
                        <a>客户服务</a>
                    </li>
                    <li>
                        <a>网站导航</a>
                    </li>
                    <li>
                        <a>手机京东</a>
                    </li>
                </ul>
            </div>
        </div>
        <nav>
            <div class="nav_center">
                <div class="nav_centerlogo">
                    <img src="images/dllogo.png">
                </div>
                <div class="nav_centercenttop">
                    <form>
                        <input type="text" class="navcentertext">
                        <button>
                            <!-- <i>
                                <span class="iconfont icon-sousuo"></span>
                            </i> -->
                        </button>
                    </form>
                    <div class="goshopping">
                        <i>
                            <span class="iconfont icon-gouwuche"></span>
                        </i>
                        <a href="shopping.html">我的购物车</a>
                    </div>
                </div>
                <div class="nav_centerbottom">
                    <div class="nav_b">
                        <a href="">超级秒杀</a>
                        <a href="">进口好物</a>
                        <a href="">美酒节</a>
                        <a href="">家装建材</a>
                        <a href="">日用家装</a>
                        <a href="">大屏电视</a>
                        <a href="">家电5折</a>
                        <a href="">3c秒杀日</a>
                        <a href="">丰收好物</a>
                    </div>
                    <ul class="nav_uls">
                        <li class="li_one">
                            <a href="">全部商品分类</a>
                        </li>
                        <li>
                            <a href="">京东时尚</a>
                        </li>
                        <li>
                            <a href="">美妆馆</a>
                        </li>
                        <li>
                            <a href="">超市</a>
                        </li>
                        <li>
                            <a href="">生鲜</a>
                        </li>
                        <li>
                            <a href="">京东国际</a>
                        </li>
                        <li>
                            <a href="">闪购</a>
                        </li>
                        <li>
                            <a href="">拍卖</a>
                        </li>
                        <li>
                            <a href="">金融</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
    <div class="box2" style="clear: both;">
        <div class="box2_left" style="clear: both;">
            <ul class="box2_uls">
                <!-- <li>超级秒杀</li>
                <li>金融</li>
                <li>拍卖</li>
                <li>京东国际</li>
                <li>超级秒杀</li>
                <li>金融</li>
                <li>拍卖</li>
                <li>京东国际</li>
                <li>超级秒杀</li>
                <li>金融</li>
                <li>拍卖</li>
                <li>京东国际</li>
                <li>京东国际</li>
                <li>超级秒杀</li>
                <li>金融</li>
                <li>拍卖</li>
                <li>京东国际</li>
                <li>京东国际</li>
                <li>超级秒杀</li>
                <li>金融</li>
                <li>拍卖</li>
                <li>京东国际</li> -->
            </ul>
        </div>
        <div class="box2_right">
            <ul class="row">
                <!-- <li>
                    <img src="images/left4.jpg">
                    <p>￥2899.00</p>
                    <p>南极人 袜子男士 男女士船袜 精梳棉竹纤维棉袜 情侣袜 运动 休闲 商务男袜短袜吸湿排汗透气男袜女袜子P3015K31</p>
                    <a>查看详情</a>
                </li>
                <li>
                    <img src="images/left4.jpg">
                    <p>￥2899.00</p>
                    <p>南极人 袜子P3015K31</p>
                    <a>查看详情</a>
                </li>
                <li>
                    <img src="images/left4.jpg">
                    <p>￥2899.00</p>
                    <p>南极人 袜子男士 男女士船袜 精梳棉竹纤维棉袜 情侣袜 运动 休闲 商务男袜短袜吸湿排汗透气男袜女袜子P3015K31</p>
                    <a>查看详情</a>
                </li>
                <li>
                    <img src="images/left4.jpg">
                    <p>￥2899.00</p>
                    <p>南极人 袜子P3015K31</p>
                    <a>查看详情</a>
                </li>
                <li>
                    <img src="images/left4.jpg">
                    <p>￥2899.00</p>
                    <p>南极人 袜子男士 男女士船袜 精梳棉竹纤维棉袜 情侣袜 运动 休闲 商务男袜短袜吸湿排汗透气男袜女袜子P3015K31</p>
                    <a>查看详情</a>
                </li>
                <li>
                    <img src="images/left4.jpg">
                    <p>￥2899.00</p>
                    <p>南极人 袜子P3015K31</p>
                    <a>查看详情</a>
                </li>
                <li>
                    <img src="images/left4.jpg">
                    <p>￥2899.00</p>
                    <p>南极人 袜子男士 男女士船袜 精梳棉竹纤维棉袜 情侣袜 运动 休闲 商务男袜短袜吸湿排汗透气男袜女袜子P3015K31</p>
                    <a>查看详情</a>
                </li>
                <li>
                    <img src="images/left4.jpg">
                    <p>￥2899.00</p>
                    <p>南极人 袜子P3015K31</p>
                    <a>查看详情</a>
                </li>
                <li>
                    <img src="images/left4.jpg">
                    <p>￥2899.00</p>
                    <p>南极人 袜子男士 男女士船袜 精梳棉竹纤维棉袜 情侣袜 运动 休闲 商务男袜短袜吸湿排汗透气男袜女袜子P3015K31</p>
                    <a>查看详情</a>
                </li>
                <li>
                    <img src="images/left4.jpg">
                    <p>￥2899.00</p>
                    <p>南极人 袜子P3015K31</p>
                    <a>查看详情</a>
                </li> -->
            </ul>
        </div>
    </div>
    <div class="back_img">
        <img src="images/lbiaod.jpg">
    </div>
    <div class="boxbottom">
        <div class="boxbtomback">
            <div class="boxbottom_top">
                <ul>
                    <li>
                        <div>
                            <h5>多</h5>
                            <p>品类齐全，轻松购物</p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <h5>快</h5>
                            <p>多仓直发，极速配送</p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <h5>好</h5>
                            <p>正品行货，精致服务</p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <h5>省</h5>
                            <p>天天低价，畅选无忧</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="boxbottom_cent">
            <ul>
                <li>购物指南</li>
                <li>购物流程</li>
                <li>会员介绍</li>
                <li>生活旅行</li>
                <li>常见问题</li>
                <li>大家电</li>
                <li>联系客服</li>
            </ul>
            <ul>
                <li>配送方式</li>
                <li>上门自提</li>
                <li>211限时达</li>
                <li>配送服务查询</li>
                <li>配送费收取标准</li>
                <li>海外配送</li>
            </ul>
            <ul>
                <li>支付方式</li>
                <li>货到付款</li>
                <li>在线支付</li>
                <li>分期付款</li>
                <li>公司转账</li>
            </ul>
            <ul>
                <li>售后服务</li>
                <li>售后政策</li>
                <li>价格保护</li>
                <li>退款说明</li>
                <li>返修/退换货</li>
                <li>取消订单</li>
            </ul>
            <ul>
                <li>特色服务</li>
                <li>夺宝岛</li>
                <li>DIY装机</li>
                <li>延保服务</li>
                <li>京东E卡</li>
                <li>京东通信</li>
                <li>京鱼座智能</li>
            </ul>
            <ul>
                <li>京东自营覆盖区县</li>
                <li>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</li>
                <li>查看详情&gt;</li>
            </ul>
        </div>
        <div class="boxbottom_bot">
            <div class="boxbottom_bota">
                关于我们| 联系我们| 联系客服| 合作招商| 商家帮助| 营销中心| 手机京东| 友情链接| 销售联盟| 京东社区| 风险监测| 隐私政策| 京东公益| English Site| Media & IR
            </div>
            <div class="boxbottom_bot1">
                京公网安备 11000002000088号|京ICP备11041704号| 互联网药品信息服务资格证编号(京)-经营性-2014-0008|新出发京零 字第大120007号
            </div>
            <div class="boxbottom_bot2">
                互联网出版许可证编号新出网证(京)字150号| 出版物经营许可证| 网络文化经营许可证京网文[2020]6112-1201号|违法和不良信息举报电话：4006561155
            </div>
            <div class="boxbottom_bot3">
                Copyright © 2004 - 2021 京东JD.com 版权所有|消费者维权热线：4006067733 经营证照 | (京)网械平台备字(2018)第00003号 | 营业执照
            </div>
            <div class="boxbottom_bot4">
                Global Site | CanT PoCCvM | Situs Indonesia | Sitio de Espania | Sitio de Espania
            </div>
            <div class="boxbottom_bot5">
                京东旗下网站： 京东钱包| 京东云
            </div>
            <div class="boxbottom_bot6">
                <img src="images/bottom.png">
            </div>
        </div>
    </div>
</body>
<script src="js/promiseAjax.js"></script>
<script src="js/list.js"></script>
<!-- <script>
    // var row = document.querySelector('.row')
    // promiseAjax({
    //     url: '/abcd',
    // }).then(res => {
    //     console.log(res);
    //     var { list } = res
    //     var str = ''
    //     list.forEach(item => {
    //         str += `
    //             <li>
    //                 <img src="${item.deal_img}">
    //                 <p></p>
    //                 <p>${item.deal_tit}</p>
    //                 <a >查看详情</a>
    //             </li>
    //         `
    //         row.innerHTML = str

    //         let uls = document.querySelectorAll('.row li a')
    //         // console.log(uls);
    //         for (let i = 0; i < uls.length; i++) {
    //             uls[i].onclick = function () {
    //                 localStorage.setItem('img', list[i].deal_img)
    //                 localStorage.setItem('name', list[i].deal_tit)
    //                 location.href = "./goshopping.html"
    //             }

    //         }

    //     })

    // })




    var row = document.querySelector('.row')
    promiseAjax({
        url: '/abcd',
    }).then(res => {
        console.log(res);
        var { list } = res
        var str = ''
        var index = 0
        console.log(list[0].deal_global.price_home);
        // console.log(list[0]);
        list.forEach(item => {
            index++
            // var str = ''
            if (index < 30 && index >= 0) {
                // var str = ''
                str += `
                <li>
                    <img src="${item.deal_img}">
                    <p>${item.deal_global.price_home}</p>
                    <p>${item.deal_tit}</p>
                    <a >查看详情</a>
                </li>
            `
                // row.innerHTML = str
            } else{
                str += `
                <li>
                    <img src="${item.deal_img}">
                    <p>${item.deal_group.price_dis}</p>
                    <p>${item.deal_tit}</p>
                    <a >查看详情</a>
                </li>
            `

            }
            row.innerHTML = str

            // str += `
            //     <li>
            //         <img src="${item.deal_img}">
            //         <p>${item.deal_group.price_dis}</p>
            //         <p>${item.deal_tit}</p>
            //         <a >查看详情</a>
            //     </li>
            // `
            // row.innerHTML = str

            let uls = document.querySelectorAll('.row li a')
            for (let i = 0; i < uls.length; i++) {
                if (i < 28 && i >= 0) {
                    uls[i].onclick = function () {
                        localStorage.setItem('mony', list[i].deal_global.price_home)
                        localStorage.setItem('img', list[i].deal_img)
                        localStorage.setItem('name', list[i].deal_tit)
                        location.href = "./goshopping.html"
                    }
                } else {
                    uls[i].onclick = function () {
                        localStorage.setItem('mony', list[i].deal_group.price_dis)
                        localStorage.setItem('img', list[i].deal_img)
                        localStorage.setItem('name', list[i].deal_tit)
                        location.href = "./goshopping.html"
                    }
                }
            }
        })
    }) -->

</script>


</html>